<template>
	<div id="box">
		<header>
		<ul>
			<li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
			<li>发现</li>
			<li></li>
		</ul>	
	</header>
	<section>
	<router-link to="/xuanhaozhuanqu">
		<div class="one">
			<dl>
				<dt><img src="../assets/img/xuanhaozhuanqu.png"></dt>
				<dd>
				    <b>选号专区</b>
					<p>选择自己想要的号码购买</p>
				</dd>
			</dl>
			<h2><img src="../assets/img/gengduo2.png"></h2>
		</div>
	</router-link>
		<router-link to="jisuzhuanqu">
		<div class="two">
		   <dl>
				<dt><img src="../assets/img/jisuzhuanqu.png"></dt>
				<dd>
				    <b>极速专区</b>
					<p>不想等待？24小时全天候开奖</p>
				</dd>
			</dl>
			<h2><img src="../assets/img/gengduo2.png"></h2>
		</div>
	</router-link>
	</section>
	<footer>
		<ul>
		<router-link to="shouye">
			<li><img src="../assets/img/foot1.png"><p>首页</p></li>
		</router-link>
			<router-link to="zuixinjiexiao">
			<li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
		</router-link>
		<router-link to="qingdan">
			<li><img src="../assets/img/foot3.png"><p>清单</p></li>
		</router-link>
		<router-link to="faxian">
			<li><img src="../assets/img/foot4.png"><p>发现</p></li>
		</router-link>
		<router-link to="sjdenglu">
			<li><img src="../assets/img/foot5.png"><p>我</p></li>
		</router-link>
		</ul>
	</footer>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	}
 	
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/faxian.less";
   @import ".././assets/css/reset.css";
</style>